body{
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: rgb(43,43,43);
}

.clock{
  position: relative;
  height: 300px;
  width: 300px;
  border-radius: 150px;
  border: 5px solid rgb(252,255,55);
}

#seconds-hand{
  position: absolute;
  width: 2px;
  height: 130px;
  background-color: rgb(70,255,255);
  left: 149px;
  bottom: 149px;
  opacity: 50%;
  transform-origin: 0% 100%;
}
#minutes-hand{
  position: absolute;
  width: 2px;
  height: 100px;
  background-color: rgb(253,120,227);
  left: 149px;
  bottom: 149px;
  transform-origin: 0% 100%;

}
#hours-hand{
  position: absolute;
  width: 4px;
  height: 80px;
  background-color: rgb(205,112,255);
  left: 148px;
  bottom: 148px;
  transform-origin: 0% 100%;

}
#center{
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: rgb(252,255,55);
  left: 145px;
  bottom: 145px;
}